﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucCalculator.ascx.cs"
    Inherits="ucControl_ucCalculator" %>
<div class="calculator">
    <div class="cal">
        <p style="font-size: 2em; font-weight: bold; padding: 0;">
            Wallpaper Calculator</p>
        <p>
            Please use this calculator to determine how many rolls of wallpaper you will require
            for your room.</p>
        <p style="font-weight: bold;">
            Please note!! that this calculator is an approximation based on a standard measurement,
            includes 10% extra for pattern matching and always rounds up.</p>
        <p style="font-weight: bold;">
            Area to cover: (All measurments are in METERS)</p>
    </div>
    <table class="tab_cal" border="0">
        <tr>
            <td class="cal_1" rowspan="2">
                Wall 1
            </td>
            <td>
                Length
            </td>
            <td>
                Height
            </td>
        </tr>
        <tr>
            <td>
                <input name="" type="text">
            </td>
            <td>
                <input name="" type="text">
            </td>
        </tr>
        <tr>
            <td class="cal_1" rowspan="2">
                Wall 2
            </td>
            <td>
                Length
            </td>
            <td>
                Height
            </td>
        </tr>
        <tr>
            <td>
                <input name="" type="text">
            </td>
            <td>
                <input name="" type="text">
            </td>
        </tr>
    </table>
    <p style="font-weight: bold;">
        Area not to cover:</p>
    <table class="tab_cal" border="0">
        <tr>
            <td class="cal_1" rowspan="2">
                Door
            </td>
            <td>
                Length
            </td>
            <td>
                Height
            </td>
        </tr>
        <tr>
            <td>
                <input name="" type="text">
            </td>
            <td>
                <input name="" type="text">
            </td>
        </tr>
        <tr>
            <td class="cal_1" rowspan="2">
                Window
            </td>
            <td>
                Length
            </td>
            <td>
                Height
            </td>
        </tr>
        <tr>
            <td>
                <input name="" type="text">
            </td>
            <td>
                <input name="" type="text">
            </td>
        </tr>
    </table>
    <p>
        Result:
    </p>
    <p>
        <input class="result" name="" value="Click Calculate" type="text"></p>
    <p style="padding: 1em 0;">
        <input class="input" name="" value="Calculate" type="button"></p>
</div>
